@extends('_layouts.home')

{{--标题--}}
@section('title')个人中心 @stop

{{--body样式追加--}}
@section('body-class')class="profile-page"@stop

{{--body--}}
@section('body')
    @include('home.doms.nav')
    <div class="wrapper">
        <div class="header header-filter" style="background-image: url('{{ asset(user()->poster) }}');"></div>
        <div class="main main-raised">
            <div class="profile-content">
                <div class="container">
                    <div class="row">
                        <div class="profile">
                            <div class="avatar">
                                <a href="{{ url('/profile/edit') }}">
                                    <img src="{{ url(user()->avatar) }}" alt="Circle Image" class="img-circle img-responsive img-raised" alt="我的头像" rel="tooltip" title="点击编辑资料" data-placement="top" data-html="true">
                                </a>
                            </div>
                            <div class="name">
                                <h3 class="title">{{ user()->nickname }}</h3>
                                <h6>{{ user()->role_name }}</h6>
                            </div>
                        </div>
                    </div>
                    <div class="description text-center">
                        <p>{{ user()->bio }}</p>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-md-offset-3">
                            <div class="profile-tabs">
                                <div class="nav-align-center">
                                    <ul class="nav nav-pills" role="tablist">
                                        <li class="active">
                                            <a href="#studio" role="tab" data-toggle="tab">
                                                <i class="material-icons">camera</i>
                                                Studio
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#work" role="tab" data-toggle="tab">
                                                <i class="material-icons">palette</i>
                                                Work
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#shows" role="tab" data-toggle="tab">
                                                <i class="material-icons">favorite</i>
                                                Favorite
                                            </a>
                                        </li>
                                    </ul>

                                    <div class="tab-content gallery">
                                        <div class="tab-pane active" id="studio">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <img src="{{ asset('iasset/img/examples/chris1.jpg') }}" class="img-rounded" />
                                                    <img src="{{ asset('iasset/img/examples/chris0.jpg') }}" class="img-rounded" />
                                                </div>
                                                <div class="col-md-6">
                                                    <img src="{{ asset('iasset/img/examples/chris3.jpg') }}" class="img-rounded" />
                                                    <img src="{{ asset('iasset/img/examples/chris4.jpg') }}" class="img-rounded" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane text-center" id="work">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <img src="{{ asset('iasset/img/examples/chris5.jpg') }}" class="img-rounded" />
                                                    <img src="{{ asset('iasset/img/examples/chris7.jpg') }}" class="img-rounded" />
                                                    <img src="{{ asset('iasset/img/examples/chris9.jpg') }}" class="img-rounded" />
                                                </div>
                                                <div class="col-md-6">
                                                    <img src="{{ asset('iasset/img/examples/chris6.jpg') }}" class="img-rounded" />
                                                    <img src="{{ asset('iasset/img/examples/chris8.jpg') }}" class="img-rounded" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane text-center" id="shows">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <img src="{{ asset('iasset/img/examples/chris4.jpg') }}" class="img-rounded" />
                                                    <img src="{{ asset('iasset/img/examples/chris6.jpg') }}" class="img-rounded" />
                                                </div>
                                                <div class="col-md-6">
                                                    <img src="{{ asset('iasset/img/examples/chris7.jpg') }}" class="img-rounded" />
                                                    <img src="{{ asset('iasset/img/examples/chris5.jpg') }}" class="img-rounded" />
                                                    <img src="{{ asset('iasset/img/examples/chris9.jpg') }}" class="img-rounded" />
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <!-- End Profile Tabs -->
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    @include('home.doms.footer')
    @stop

@section('after-body')
    @parent
    <script src="{{ asset('iasset/js/nouislider.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('iasset/js/bootstrap-datepicker.js') }}" type="text/javascript"></script>
    <script src="{{ asset('iasset/js/material-kit.js') }}" type="text/javascript"></script>
    @stop